<!-- QDII条目管理·查看QDII条目 -->
<div class="box box-default">
  <div class="box-body">
    <div class="row">
      <div class="col-xs-12">
        <div class="nav-tabs-custom remove-border">

          <ul class="nav nav-tabs" style="border-bottom-width: 0px;margin-bottom:10px;">
            <li class="active">
              <a (click)="loadlist()" href="#tab_1" data-toggle="tab">查看数据</a>
            </li>
            <li>
              <a (click)="showReadingNote()" href="#tab_2" data-toggle="tab">阅读须知维护</a>
            </li>

          </ul>

          <div class="tab-content" style="padding:0;margin-top:10px">
            <div class="tab-pane active" id="tab_1">
              <form class="form-inline" style="margin-bottom:8px !important;">
                <div class="box box-default">
                  <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
                    <button class="btn btn-primary" type="button" (click)="showSearchModal()">
                      <i class="fa fa-search"></i>搜索
                    </button>
                    <button *ngIf="_.includes(menuResourceSet,'btn-QDII-view')" type="button" class="btn btn-primary" (click)="showEditModal()">
                      <i class="fa fa-edit"></i>查看
                    </button>
                    <button *ngIf="_.includes(menuResourceSet,'btn-QDII-flowInfo')" type="button" class="btn btn-primary" (click)="showFlowInfoModal()">
                      <i class="fa fa-search"></i>查看流程信息
                    </button>
                    <button *ngIf="_.includes(menuResourceSet,'btn-QDII-modify')" type="button" class="btn btn-primary" (click)="showEntryChange()">
                      <i class="fa fa-edit"></i>修改
                    </button>
                    <button *ngIf="_.includes(menuResourceSet,'btn-QDII-export')" type="button" class="btn btn-primary" (click)="exportExcel()">
                      <i class="fa fa-sign-out"></i>导出
                    </button>
                    <button *ngIf="_.includes(menuResourceSet,'btn-QDII-historyChange')" type="button" class="btn btn-primary" (click)="showHistoryChangeModal()">
                      <i class="fa fa-search"></i>查询历史变更数据
                    </button>
                    <!-- <button type="button" class="btn btn-primary" (click)="showReadingNote()">
            <i class="fa fa-sign-out"></i>阅读维护须知正文
          </button> -->
                  </div>
                </div>
              </form>
              <div class="ibt-fixed-table-container">
                <div class="table-scroll-content">
                  <!-- <table class="table table-bordered table-hover table-striped table-keep-line" style="margin-top:unset !important;">
                    <thead>
                      <tr role="row">
                        <th>
                          <div class="cell" style="width:50px !important">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()">
                              <label>
                              </label>
                            </div>
                          </div>
                        </th>
                        <th>
                          <div class="cell" style="min-width:70px !important" (click)="orderData('nQdId')">编号
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" style="min-width:100px !important" (click)="orderData('sItemTypeZh')">属性
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" style="min-width:100px !important" (click)="orderData('sFileName')">文件名称
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>

                        <th>
                          <div class="cell" style="min-width:150px !important" (click)="orderData('f1')">内容
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" (click)="orderData('sValidZh')">是否有效
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" (click)="orderData('sFileSource')">条款出处
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" (click)="orderData('sFundTypeZh')">适用QDII类别
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" (click)="orderData('sFundGroupdsZh')">适用QDII名称
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" (click)="orderData('f3')">指标释义
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" (click)="orderData('f4Zh')">bloomberg系统能否控制
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" (click)="orderData('f5')">系统设置代码
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" style="min-width:70px !important" (click)="orderData('f6')">阀值
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" (click)="orderData('f7')">人工控制方法说明
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" (click)="orderData('f8')">系统实施相关条件
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" style="min-width:70px !important" (click)="orderData('f9')">备注1
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" style="min-width:70px !important" (click)="orderData('f10')">备注2
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" (click)="orderData('commitOprZh')">录入人
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" (click)="orderData('commitOprDate')">录入时间
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" (click)="orderData('auditOprZh')">条目复核
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" (click)="orderData('auditOprDate')">复核时间
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr *ngFor="let item of listData;let index=index">
                        <td>
                          <div class="cell" style="width:50px !important">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" name="checkbox1">
                              <label>
                              </label>
                            </div>
                          </div>
                        </td>
                        <td class="short_name" [attr.title]="item.nQdId">
                          <div class="cell" [ngClass]="{'dataChange':item.sState =='在途'}">{{item.nQdId}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.sItemTypeZh">
                          <div class="cell">{{item.sItemTypeZh}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.sFileName">
                          <div class="cell">{{item.sFileName}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.f1">
                          <div class="cell">{{item.f1}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.sValidZh">
                          <div class="cell">{{item.sValidZh}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.sFileSource">
                          <div class="cell">{{item.sFileSource}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.sFundTypeZh">
                          <div class="cell">{{item.sFundTypeZh}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.sFundGroupdsZh">
                          <div class="cell">{{item.sFundGroupdsZh}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.f3">
                          <div class="cell">{{item.f3}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.f4Zh">
                          <div class="cell">{{item.f4Zh}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.f5">
                          <div class="cell">{{item.f5}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.f6">
                          <div class="cell">{{item.f6}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.f7">
                          <div class="cell">{{item.f7}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.f8">
                          <div class="cell">{{item.f8}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.f9">
                          <div class="cell">{{item.f9}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.f10">
                          <div class="cell">{{item.f10}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.commitOprZh">
                          <div class="cell">{{item.commitOprZh}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.commitOprDate">
                          <div class="cell">{{item.commitOprDate}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.auditOprZh">
                          <div class="cell">{{item.auditOprZh}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.auditOprDate">
                          <div class="cell">{{item.auditOprDate}}</div>
                        </td>
                      </tr>
                    </tbody>

                  </table> -->
                  <div #qdiiViewTablePage></div>
                </div>
                <div class="ibt-table-fixed-content">
                  <table class="table table-bordered table-hover table-striped table-keep-line">
                    <thead>
                      <tr role="row">
                        <th>
                          <div class="cell width-5" style="width:50px !important">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()">
                              <label>
                              </label>
                            </div>
                          </div>
                        </th>
                        <th>
                          <div class="cell" style="min-width:70px !important" (click)="orderData('nQdId')">编号
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" style="min-width:100px !important" (click)="orderData('sItemTypeZh')">属性
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                        <th>
                          <div class="cell" style="min-width:100px !important" (click)="orderData('sFileName')">文件名称
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>

                        <th>
                          <div class="cell" style="min-width:150px !important" (click)="orderData('f1')">内容
                            <i class="fa fa-sort"></i>
                          </div>
                        </th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr *ngFor="let item of listData;let index=index">
                        <td>
                          <div class="cell" style="width:50px !important">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                              <label>
                              </label>
                            </div>
                          </div>
                        </td>
                        <td class="short_name" [attr.title]="item.nQdId">
                          <div class="cell" [ngClass]="{'dataChange':item.sState =='在途'}">{{item.nQdId}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.sItemTypeZh">
                          <div class="cell">{{item.sItemTypeZh}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.sFileName">
                          <div class="cell">{{item.sFileName}}</div>
                        </td>
                        <td class="short_name" [attr.title]="item.f1">
                          <div class="cell">{{item.f1}}</div>
                        </td>
                      </tr>
                    </tbody>

                  </table>
                </div>
              </div>

              <div class="box-footer clearfix" style="width:100%;">
                <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
                  <div class="pull-left pagination-detail" data-pagination-additional="true">
                    <span class="pagination-info">
                      当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
                    </span>
                    <span class="page-list">
                      每页记录
                      <span class="btn-group dropup">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                          <span class="page-size">{{listPageInfo.pageSize}}</span>
                          <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                          <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                            <a>{{i}}</a>
                          </li>
                        </ul>
                      </span>
                      条
                    </span>
                  </div>
                </app-pagination>
              </div>
            </div>
            <div id="tab_2" class="tab-pane">
              <div #readingNotes></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 显示查询#search modal1-->
<div class="modal modal-detail" id="search">
  <div #search></div>
</div>

<!-- 显示查询#edit modal2 -->
<div class="modal modal-detail" id="edit">
  <div #edit></div>
</div>

<!-- 显示流程信息#flowInfo modal3 -->
<div class="modal modal-detail" id="flowInfo">
  <div #flowInfo></div>
</div>

<!-- 查询历史变更数据#historyChange modal6 -->
<div class="modal modal-detail" id="historyChange">
  <div #historyChange></div>
</div>

<!-- 阅读维护须知正文modal7 -->
<!-- <div class="modal modal-detail" id="modal7">
  <div #readingNotes></div>
</div> -->

<!-- 条目修改modal -->
<div class="modal modal-detail" id="entryChange">
  <div #entryChange></div>
</div>